<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="css/menu/menu.css">
    <link rel="stylesheet" href="css/menu-search/menu-search.css">
    <title>菜单</title>
</head>

<body>
    <!-- 左边固定导航栏 -->
    <div class="menu-navi">
        {{include './navi-header.html'}}
        <ul class="nav flex-column mt-5 pt-5 mt-md-5 pt-md-5 menu-navi-bot">
            <li class="nav-item menu-navi-title">
                <a class="nav-link active" aria-current="page" href="/menu">菜单</a>
            </li>
            <li class="nav-item">
                <a class="nav-link menu-navi-item" href="/menu">全部</a>
            </li>
            <li class="nav-item">
                <a class="nav-link menu-navi-item" href="/menu/beverages">饮料</a>
            </li>
            <li class="nav-item">
                <a class="nav-link menu-navi-item" href="/menu/deliciousFood">美食</a>
            </li>
            <li class="nav-item">
                <a class="nav-link menu-navi-item" href="/menu/coffee">咖啡产品</a>
            </li>
            <li class="nav-item">
                <a class="nav-link menu-navi-item" href="#">商品</a>
            </li>
        </ul>
    </div>
    <!-- 搜索页面 -->
    {{include './menu-search.html'}}
    <!-- 菜单内容 -->
    <div class="menu-content">
        {{each menuData}}
        <div class="list">
            <div class="title">{{$value.title}}</div>
            <div class="list-content row" content={{$value.content}}>
            </div>
        </div>
        {{/each}}
        <p class="illustrate">实际产品以供应为准。</p>
    </div>

    <!-- 打开搜索页面按钮 -->
    <button class="menu-search-btn">搜索菜单</button> >>>>>>> 3ef0513efc1c71f46caf7f6216004d2284a20557
</body>
<script src="bootstrap/bootstrap.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/menu-search.js"></script>
<script src="js/menuData.js"></script>

</html>